<template>
  <!-- 

   -->


  <div>
    <h4>.sync传值</h4>
    <div>
      <p> .sync原理  count:{{count}} </p>
      <child :count="count" @update:count="count=$event" />
      <p> .sync使用 .sync修饰符 </p>
      <child :count.sync="count" />
    </div>

     <!-- elementUI的pagenation组件案例 -->
    <!-- 如果不使用.sync 我们传递进入pageSize的值,内部如果修改,我们还要封装size-change自定义事件 -->
    <!-- <Pagenation :page-size="pageSize" @size-change="pageSize=$event" /> -->

    <!-- elementUI的Pagenation组件支持.sync 可以不用书写上边复杂的写法 -->
    <!-- <Pagenation :page-size.sync="pageSize" :current-page.sync="currentPage" /> -->
    <!-- 上边.sync写法的原理如下 -->
    <!-- <Pagenation 
            :page-size="pageSize" 
            @update:page-size="pageSize=$event" 
            :current-page="currentPage" 
            @update:currentPage="currentPage=$event" /> -->



  </div>
</template>

<script>
import Child from './Child.vue'
export default {
  components: { Child },
  data() {
    return {
      count: 0
    }
  },
  
}
</script>

<style scoped>
div{
  color:rgb(178, 9, 178);
}
</style>